<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

	<head>
		<title>个人中心</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta name="description" content="北京规划院 移动办公 OA 自动化">
		<link rel="stylesheet" href="//cdn.bootcss.com/weui/1.1.1/style/weui.min.css">
		<link rel="stylesheet" href="//cdn.bootcss.com/jquery-weui/1.1.1/css/jquery-weui.min.css">
		<link rel="stylesheet" href="css/font-awesome-4.7.0/css/font-awesome.css" />
		<%
		    String userid=(String)request.getAttribute("loginuser");
		%>
		<style>
			.weui-navbar {
				width: 70%;
				margin-left: 15%;
				margin-top: 5px;
				margin-bottom: 10px;
				border: 1px solid #ddd;
				border-radius: 30px;
			}
			
			.weui-navbar__item {
				padding: 3px 0;
				cursor: pointer;
			}
			
			#pub_room.weui-bar__item--on {
				border-bottom-left-radius: 30px;
				border-top-left-radius: 30px;
			}
			
			#pri_room.weui-bar__item--on {
				border-bottom-right-radius: 30px;
				border-top-right-radius: 30px;
			}
			
			.weui-tab__bd {
				background-color: #EFEFF4;
			}
			
			.weui-navbar:after {
				border: 0;
			}
			
			#container .weui-cells {
				margin: 3px auto !important;
				margin-left: 1.5%;
				width: 95%;
				border-radius: 5px;
			}
		</style>
	</head>

	<body>
		<div class="page" id="container">
			<div class="weui-tab">
				<div class="weui-tab__bd"  style="padding-top: 20px;">
					
					<div class="weui-panel weui-panel_access">
						<div class="weui-panel__bd">
							<a href="javascript:void(0);" class="weui-media-box weui-media-box_appmsg">
								<div class="weui-media-box__hd">
									<img id="userAvatar" class="weui-media-box__thumb" src="img/2.jpg" alt="">
								</div>
								<div class="weui-media-box__bd">
									<h4 class="weui-media-box__title" id="userName ">=====</h4>
									<p class="weui-media-box__desc"  id="departemntName">信息中心</p>
								</div>
							</a>
						</div>
					</div>
					<div class="weui-panel">
						<div class="weui-panel__bd">
							<div class="weui-media-box weui-media-box_small-appmsg">
								<div class="weui-cells">
									<a class="weui-cell weui-cell_access" href="javascript:;">
										<div class="weui-cell__hd"><img src="" alt="" style="width:20px;margin-right:5px;display:block"></div>
										<div class="weui-cell__bd weui-cell_primary">
											<p>会议管理</p>
										</div>
									</a>
									<a class="weui-cell weui-cell_access" href="javascript:;">
										<div class="weui-cell__hd"><img src="" alt="" style="width:20px;margin-right:5px;display:block"></div>
										<div class="weui-cell__bd weui-cell_primary">
											<p>使用手册</p>
										</div>
									</a>
									<a class="weui-cell weui-cell_access" href="javascript:;">
										<div class="weui-cell__hd"><img src="" alt="" style="width:20px;margin-right:5px;display:block"></div>
										<div class="weui-cell__bd weui-cell_primary">
											<p>意见反馈</p>
										</div>
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="weui-tabbar">
					<a href="meetroomnav" class="weui-tabbar__item">
						<!--<span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span>-->
						<div class="weui-tabbar__icon">
							<i class="fa fa-map" style="font-size: 24px;"></i>
						</div>
						<p class="weui-tabbar__label">会议室</p>
					</a>
					<a href="rcnav" class="weui-tabbar__item">
						<div class="weui-tabbar__icon">
							<i class="fa fa-calendar" style="font-size: 24px;"></i>
						</div>
						<p class="weui-tabbar__label">日程</p>
					</a>
					<a href="ordernav" class="weui-tabbar__item">
						<div class="weui-tabbar__icon">
							<i class="fa fa-edit" style="font-size: 24px;"></i>
						</div>
						<p class="weui-tabbar__label">创建</p>
					</a>
					<a href="meetselfnav" class="weui-tabbar__item  weui-bar__item--on">
						<div class="weui-tabbar__icon">
							<i class="fa fa-user" style="font-size: 24px;"></i>
						</div>
						<p class="weui-tabbar__label">我</p>
					</a>
				</div>
			</div>
		</div>
		<script src="//cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
		<script src="//cdn.bootcss.com/jquery-weui/1.1.1/js/jquery-weui.min.js"></script>
		<script type="text/javascript">
			$.post("meetselfnav",function(data){
				$("#userName").html(data.username)
				$("#userAvatar").attr("src",data.avatar)
				$("#departemntName").html(data.departmentname)
			})
		</script>

	</body>

</html>